<!DOCTYPE html>
<html lang="en">
<head>
    <title>Login - LightStar</title>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="/static/asset/bootstrap/4.0.0/css/bootstrap.css">
    <!-- Lightstar theme -->
    <link rel="stylesheet" href="/static/css/boot.css">
    <link rel="stylesheet" href="/static/css/login.css">
</head>

<body>
<div class="container">
    <div class="card-no-border notice">
        {{ if ne .Error "" }}
            <div class="alert alert-danger alert-dismissible fade show"  role="alert">{{.Error}}
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        {{ end }}
    </div>
    <form action="/ui/login" method="post">
    <div class="card login">
        <div class="card-header">
            <div class="row">
                <div class="col-sm-3">
                    <img class="" src="/static/images/lightstar-6.png" alt="">
                </div>
                <div class="col-sm-7">
                    <strong>LightStar</strong><br/>
                    <small style="color: #ced4da">A simple and small platform to manage your cloud</small>
                </div>
            </div>
        </div>
        <div class="card-body">
            <div class="form-group row">
                <label for="name" class="col-sm-3 col-form-label-sm">Username</label>
                <div class="col-sm-7">
                    <div class="input-group">
                        <input type="text" class="form-control form-control-sm" name="name" value="" autofocus/>
                    </div>
                </div>
            </div>
            <div class="form-group row">
                <label for="password" class="col-sm-3 col-form-label-sm">Password</label>
                <div class="col-sm-7">
                    <div class="input-group">
                        <input type="password" class="form-control form-control-sm" name="password" value=""/>
                    </div>
                </div>
            </div>
        </div>
        <div class="card-footer d-flex justify-content-end">
                <button id="reset" class="btn btn-outline-dark btn-sm mr-2" type="reset">Reset</button>
                <button id="submit" class="btn btn-outline-success btn-sm mr-0">Login</button>
        </div>
    </div>
    </form>
</div>
<!-- JQuery Javascript -->
<script src="/static/asset/jquery-1.12.4.js"></script>
<script src="/static/asset/popper.js/1.12.9/umd/popper.js"></script>
<!-- Bootstrap Javascript -->
<script src="/static/asset/bootstrap/4.0.0/js/bootstrap.js"></script>
</body>
</html>